[제이쿼리] end() 메소드, 이전 요소 돌아가기 선택하기

7,929
View Count

주소 복사하기

이전에 선택했던 요소로 돌아가기 위한 방법으로 end() 메소드를 사용할 수 있습니다. 이 메소드의 경우 제이쿼리가 체인으로 길게 연결된 경우 유용하게 사용되기도 합니다.

.end()
// 이전 선택요소를 반환

! end() 예제소스 코드보기

<html>
<head>
<style type="text/css">
</style>
</head>

<body>
<p>
<span>TEST</span>
</p>
</body>

<script type="text/javascript">
$('p').css('color','#f00').children().css('color','#0f0').end().children(':test_val').css('color', '#00f');
</script>
</html>

위 예제소스를 보시면 선택된 요소 p 태그의 폰트색상이 #f00으로 변경한뒤 그 자식요소의 색을 #0f0으로 변경하였습니다. 그리고 end() 함수를 사용하였습니다. 이를 통해 자식요소의 선택에서 다시 이전 태그인 p태그로 돌아올수가 있게됩니다.

end() 태그가 가진 가장 큰 장점은 코드의 체인이 길거나 코드가 매우 긴 경우 이를 이를 간략하게 표현하여 가독성을 높일 수 있다는 점입니다.

end() 이전 요소

아래의 글도 찾고 계시지 않나요?

[제이쿼리] 자식 요소 선택방법 및 찾기, children()

[자바스크립트] 드래그로 선택된 영역의 텍스트 바꾸기